<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <link rel="stylesheet" href="../css/reg.css">
</head>
<body>
    <div class = "box">
        <h2>用户注册</h2>
        <form action="/whopxx_war_exploded/RegServlet" method="post" name="reg_form">
            <div class="form-group">
                <label for="username">用户名： </label>
                <input type="text" name="username" id="username"/>
            </div>
            <div class="form-group">
                <label for="password"> 密码： </label>
                <input name="password" id="password" required="true"/>
            </div>
            <div class="form-group">
                <label for="repassword"> 确认密码： </label>
                <input name="repassword" id="repassword"/>
            </div>
            <div class="form-group">
                <label for="truename"> 姓名： </label>
                <input type="text" name="truename" id="truename" />
            </div>
            <div class="form-group">
                <label for="gender">性别：</label>
                <div class="form-line">
                    <input type="radio" value="male" name="gender" /><label for="gender">男</label>
                    <input type="radio" value="female" name="gender" /><label for="gender"> 女</label>
                </div>
            </div>
            <div class="form-group">
                <label for="phone"> 电话：</label>
                <input type="text" name="phone" id="phone"/>
            </div>
            <div class="form-group">
                <label for="email"> 邮箱：</label>
                <input type="email" name="email" id="email" required/>
            </div>
            <div class="form-group">
                <label for="card"> 证件类型：</label>
                <select name="card" id="card">
                    <option value="居民身份证">居民身份证</option>
                    <option value="港澳台通行证">港澳台通行证</option>
                    <option value="护照">护照</option>
                    <option value="其他">其他</option>
                </select>
            </div>
            <div class="form-group">
                <label for="cardNo"> 证件号码：</label>
                <input type="text" name="cardNo" id="cardNo" required />
            </div>
            <div class="form-group">
                <label for="valcode"> 验证码：</label>
                <input type="text" name="valcode" id="valcode" />
            </div>
            <div class="btn-box">
                <div>
                    <button type="submit">注册</button>
                    <button type="reset">重置</button>
                </div>
            </div>
        </form>
    </div>
</body>
</html>